<footer class="footer">
  
              <div class="container">
  
                  <div class="footer">
  
                      <p class="footer__post">Hello</p >
  
                      <p class="footer__post">My name is <span>{{ site.name }}</span>, a {{ site.job }} who loves all things {{ site.languages }}</p >
  
                      <p class="footer__post">{{ site.location }}</p >
  
                  </div>
  
                  {{ if site.github_username or site.codepen_username or site.twitter_username or site.email_address }}
  
                  <div class="social">
  
                      {{ if site.github_username }}< a href=" " target="_blank">GitHub</ a>{{ endif }}
  
                      {{ if site.codepen_username }}< a href="http://codepen.io/{{ site.codepen_username }}" target="_blank">CodePen</ a>{{ endif }}
  
                      {{ if site.twitter_username }}< a href="http://twitter.com/{{ site.twitter_username }}" target="_blank">Twitter</ a>{{ endif }}
  
                      {{ if site.email_address }}< a href="mailto:{{ site.email_address }}" target="_blank">Email</ a>{{ endif }}
  
                  </div>
  
                  {{ endif }}
  
          
  
              </div>
  
          
  
              <p class="footer__title">{{ site.name }}</p >
  
              <p class="footer__subtitle">{{ site.job }}</p >
  
          </footer>  